<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<jsp:include page="../framework/header.jsp" />
<link
	href="${pageContext.request.contextPath}/static/plugin/bootstrap-table/bootstrap-table.min.css"
	rel="stylesheet">
	<link
	href="${pageContext.request.contextPath}/static/plugin/daterangepicker/daterangepicker.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/static/plugin/bootstrap-slider/css/slide/bootstrap-slider.min.css" rel="stylesheet">


<style>
	#ex1Slider .slider-selection {
          background: #f7f7f7;
      }
    button[disabled], html input[disabled] {
    	background-color: #fff!important;
	}
}
<!--
p>span{display:block;margin:0 30px 0px 0px;}
p.app-desc{padding:0 30px 0px 0px}
p.app-desc>span{margin:0;}
p.app-desc textarea{display:none;resize: vertical;min-height:42px;
	/* position: absolute;top: -3px;left: 60px;right: 26px; */}
.label.label-sm+span{margin-left:35px;}
.app-desc .btn{position:absolute;right:10px;top:-1px;padding: 3px 2px 1px 4px;color: #333;font-size: 12px;
	background: #f4f4f4;border-color: #d1d1d1;}
-->
</style>
<div id="container"
	class="effect aside-float aside-bright mainnav-lg navbar-fixed mainnav-fixed aside-fixed">

	<jsp:include page="../framework/topper.jsp" />
	<div class="boxed">
		<%--=======================  页面主体内容  ============================--%>
		<div id="content-container">
			<div class="wrapper">
				<%--=========================  页面标题  ==========================--%>
				<div id="page-title">
					<p class="page-header text-overflow">
						弹窗&nbsp;&nbsp;<small
							style="font-size: 14px; font-weight: normal; font-family: Microsoft YaHei !important;">说明文字</small>
					</p>
				</div>
				<ol class="breadcrumb">
					<li><a href="#">UI样式</a></li>
					<li class="active">弹窗</li>
				</ol>
				<div id="page-content">
					<div class="panel">
						<!-- <div class="panel-heading">
								<div class ="panel-title">基本弹窗</div>
							</div> -->
						<div class="panel-body">
							<div class="row">
								<div class="col-lg-2">
									<a id="base_modal" class="btn btn-mint btn-block btn-lg">基本弹窗</a>
								</div>
								<div class="col-lg-2">
									<a id="tip_modal" class="btn btn-warning btn-block btn-lg">提示弹窗</a>
								</div>
								<div class="col-lg-2">
									<a id="ad_modal" class="btn btn-info btn-block btn-lg">广告框</a>
								</div>
								<div class="col-lg-2">
									<a id="publishMgt" class="btn btn-info btn-block btn-lg">发布管理</a>
								</div>
								<div class="col-lg-2">
									<a id="strategyMgt" class="btn btn-info btn-block btn-lg">策略页面</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="base_modal_cont" class="container-fluid pad-all pad-btm-no"
		style="display: none;">
		<div id="search_form" class="form-inline">
			<label class="control-label width-auto" for="appGroup">应用分组</label> <select
				class="form-control" id="appGroup" name="appGroup"
				style="width: 200px;">
				<option value="">全部分组</option>
				<c:forEach items="${appGroupList}" var="appgroup">
					<option value="${appgroup.appGroup}">${appgroup.appGroup}</option>
				</c:forEach>
			</select> <label class="control-label width-auto" for="appName">应用查询</label> <input
				id="repoPwd-0" name="repoPwd" style="width: 210px;" type="text"
				placeholder="请输入应用简称" class="form-control"> <a
				class="btn btn-primary"> <i class="fa fa-search"></i>
			</a>
		</div>
		<table id="peppleTable" data-single-select="true" data-toolbar="#search_form" data-show-refresh="true"
            data-show-toggle="true" data-show-columns="true" data-buttons-class="hover-primary">
			<thead>
				<tr>
					<th data-field="userName">用户名称</th>
					<th data-field="userAccount">用户账户</th>
					<th data-field="roleName">角色名称</th>
				</tr>
			</thead>
		</table>
	</div>

	<div id="ad_modal_cont" class="container-fluid pad-lft-20 pad-rgt-20" style="display: none;">
		<div class="pad-lft-20 pad-rgt-20 mar-top-25 mar-btm-20 anti-main">
			<p class="mar-btm-20">第一段是这样的样式第一段是这样的样式第一段是这样的样式第一段是这样的样式</p>
			<p class="mar-btm-20">第二段是这样的样式第二段是这样的样式第二段是这样的样式第二段是第二段是这样的样式第二</p>
			<ul class="mar-btm-30">
				<li class="mar-btm"> 第三段是这样的样式第三段是这样的样式第三段是这样的样式第三段是这样</li>
				<li class="mar-btm"> 第三段是这样的样式第三段是这样的样式第三段是这样的样式第三段是这样</li>
				<li> 第三段是这样的样式第三段是这样的样式第三段是这样的样式第三段是这样</li>
			</ul>
			<p class="mar-top">内容结尾是这样的样式内容结尾是这样的样式内容结尾是这样的样式内容结尾是这样的样式</p>
			<div class="pad-all anti-other">
				<div class="row mar-btm">
					<div class="col-md-4"><i class="fa fa-circle anti-explan"></i> 其他说明其他说明</div>
					<div class="col-md-4"><i class="fa fa-circle anti-explan" style="color:#26a0f5"></i> 其他说明其他说明</div>
					<div class="col-md-4"><i class="fa fa-circle anti-explan"></i> 其他说明其他说明</div>
				</div>
				<div class="row">
					<div class="col-md-4"><i class="fa fa-circle"></i> 其他说明其他说明</div>
					<div class="col-md-4"><i class="fa fa-circle"></i> 其他说明其他说明</div>
					<div class="col-md-4"><i class="fa fa-circle"></i> 其他说明其他说明</div>
				</div>
			</div>
		</div>
	</div>
	<!--发布管理  -->
	<div id="publishMgt_cont" class="publishMgt form-horizontal" style="display: none;">
				<div id="pop-title">设置
				</div>
					<div class="panel">
						<div class="panel-body">
							
		                   <div class="form-group">
			                   <label class="label-control col-sm-2 text-right">绑定域名:</label>
			                   <div class = "col-sm-9">
									<p class="app-desc">
										<span style="display:block;word-wrap:break-word;width:100%;">用描述应用描述,应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述</span>
										<textarea class="form-control input-xs">用描述应用描述,应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述</textarea>
										<a class="btn btn-small-icon btn-hover-primary">
											<i class="fa fa-edit"></i>
											<i class="fa fa-check" style="display:none"></i>
										</a>
									</p>
								</div>
							</div>
							<div class="form-group">
			                   <label class="label-control col-sm-2 text-right">服务路径:</label>
			                   <div class = "col-sm-9">
									<p class="app-desc">
										<span style="display:block;word-wrap:break-word;width:100%;">用描述应用描述,应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述</span>
										<textarea class="form-control input-xs">用描述应用描述,应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述,应用描述应用描述应用描述应用描述</textarea>
										<a class="btn btn-small-icon btn-hover-primary">
											<i class="fa fa-edit"></i>
											<i class="fa fa-check" style="display:none"></i>
										</a>
									</p>
								</div>
							</div>
							<div class="form-group">
								<label class="label-control col-sm-2 text-right" style="margin-top:7px;">服务端口:</label>
								<div class = "col-sm-9" style="padding-right: 38px;">
									<select id="propol" name="regionName" class="form-control" style="width:100%;color:#c5c5c5;">
										<option value="" selected="">请选择协议</option>
									</select>
								</div>
							</div>
						</div>
					</div>
					<div id="pop-title">选择资源
					</div>
					<div class="tab-base tab-pops">
						<ul id="myTabs" class="nav nav-tabs">
							<li class="active">
								<a data-toggle="tab" href="#package" >应用组件(应用组件应用组件应用组件应用组件应用组件应用组件应用组件)</a>
							</li>
							<li>
								<a data-toggle="tab" href="#paas">PaaS组件</a>
							</li>
						</ul>
						<div id="myTabContent" class="tab-content" style="padding:0px!important;">
							<div id="package" class="tab-pane fade active in">
								 <div class="panel">
									<div class="panel-body" style="padding-top: 10px;">
										<div class="row mar-btm-20">
											<div class="col-sm-4 col-sm-offset-8 text-right">
												<a class="btn btn-primary btn-short" style="margin-bottom:-10px!important;">
													创建证书
												</a>
											</div>
										</div>
		                                <div class="bootstrap-table"><div class="fixed-table-toolbar"></div><div class="fixed-table-container" style="padding-bottom: 0px;"><div class="fixed-table-header" style="display: none;"><table></table></div><div class="fixed-table-body"><div class="fixed-table-loading" style="top: 41px; display: none;">正在加载数据，请稍候……</div><div class="JCLRgrips" style="width: 1380px;"><div class="JCLRgrip" style="left: 466px; height: 77px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip" style="left: 931.455px; height: 77px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip JCLRLastGrip" style="left: 1397px; height: 77px;"></div></div><div class="JCLRgrips" style="width: 1380px;"><div class="JCLRgrip" style="left: 466px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip" style="left: 930.545px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip JCLRLastGrip" style="left: 1395.09px; height: 405px;"></div></div><div class="JCLRgrips" style="width: 1365px;"><div class="JCLRgrip" style="left: 463px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip" style="left: 922.818px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip JCLRLastGrip" style="left: 1381.82px; height: 405px;"></div></div><table id="userTable" data-single-select="true" class="table table-hover table-striped JColResizer">
		                                      <thead><tr><th style="width: 33.4%;" data-field="userName"><div class="th-inner ">用户名称</div><div class="fht-cell"></div></th><th style="width: 33.3%;" data-field="userAccount"><div class="th-inner ">用户账户</div><div class="fht-cell"></div></th><th style="width: 33.3%;" data-field="roleName"><div class="th-inner ">角色名称</div><div class="fht-cell"></div></th></tr></thead>
		                                 <tbody><tr data-index="0"> <td style="">毕轩</td> <td style="">xuan.bi</td> <td style="">项目经理</td> </tr><tr data-index="1"> <td style="">陈海龙</td> <td style="">hailong.chen</td> <td style="">项目经理</td> </tr><tr data-index="2"> <td style="">陈春志</td> <td style="">chunzhi.chen</td> <td style="">项目经理</td> </tr><tr data-index="3"> <td style="">高海军</td> <td style="">haijun.gao</td> <td style="">项目经理</td> </tr><tr data-index="4"> <td style="">haocheng.jiang</td> <td style="">haocheng.jiang</td> <td style="">项目经理</td> </tr><tr data-index="5"> <td style="">吕晶</td> <td style="">jing.lv</td> <td style="">项目经理</td> </tr><tr data-index="6"> <td style="">李婕</td> <td style="">t-jie.li</td> <td style="">项目经理</td> </tr><tr data-index="7"> <td style="">pcitc-cxcs</td> <td style="">pcitc-cxcs</td> <td style="">项目经理</td> </tr><tr data-index="8"> <td style="">潘亚芹</td> <td style="">yaqin.pan</td> <td style="">项目经理</td> </tr><tr data-index="9"> <td style="">宋莹</td> <td style="">ying.song</td> <td style="">项目经理</td> </tr></tbody></table></div><div class="fixed-table-footer" style="display: none;"><table><tbody><tr></tr></tbody></table></div><div class="fixed-table-pagination" style="display: block;"><div class="pull-left pagination-detail"><span class="pagination-info">显示第 1 到第 10 条记录，共 25 条记录</span><span class="page-list">每页显示 <span class="btn-group dropup"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">10</span> <span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li role="menuitem" class="active"><a href="#">10</a></li><li role="menuitem"><a href="#">25</a></li></ul></span> 条记录</span></div><div class="pull-right pagination"><ul class="pagination"><li class="page-pre"><a href="#">‹</a></li><li class="page-number active"><a href="#">1</a></li><li class="page-number"><a href="#">2</a></li><li class="page-number"><a href="#">3</a></li><li class="page-next"><a href="#">›</a></li></ul></div></div></div></div><div class="clearfix"></div>
									</div>
								</div>
							</div>
							<div id="paas" class="tab-pane fade">
								<div class="panel">
									<div class="panel-body">
										<div class="form-group">
											<label class="label-control col-sm-2 text-right">证书类型:</label>
											<div class ="col-sm-9">
												<p style="word-wrap:break-word;width:100%;">服务器证书</p>
											</div>
										</div>
										<div class="form-group">
											<label class="label-control col-sm-2 text-right">证书内容:</label>
											<div class ="col-sm-9">
												<textarea id="10"class="form-control" name="baseinput" type="text" placeholder="请输入配置路径" style="width:100%;height: 50px;margin-bottom:10px!important;"></textarea>
												<a class="btn-table-cell" style = "" onclick="addInstance('a9524beead0f42d0bfcf90ae808b5678','8','11edas')">查看样例</a>
											</div>
											
										</div>
										<div class="form-group">
											<label class="label-control col-sm-2 text-right">证书类型:</label>
											<div class ="col-sm-9">
												<textarea id="10"class="form-control" name="baseinput" type="text" placeholder="请输入配置路径" style="width:100%;height: 50px;margin-bottom:10px!important;"></textarea>
												<a class="btn-table-cell" onclick="addInstance('a9524beead0f42d0bfcf90ae808b5678','8','11edas')">查看样例</a>
											</div>
										</div>
										
									</div>
								</div>
							</div>
					</div>
				</div>
	</div>
	<!-- 策略页面 -->
	<div id="strategyMgt_cgt" class="publishMgt form-horizontal" style="display: none;">
		
			<div class="tab-base tab-pops">
				<ul id="myTabs" class="nav nav-tabs">
					<li class="active">
						<a data-toggle="tab" href="#package1" >升级策略</a>
					</li>
					<li>
						<a data-toggle="tab" href="#paas1">弹性策略</a>
					</li>
					<li>
						<a data-toggle="tab" href="#paas2">调度策略</a>
					</li>
				</ul>
				<div id="myTabContent" class="tab-content" style="padding:0px!important;">
					<div id="package1" class="tab-pane fade active in">
						 <div class="panel" style="padding-right: 35px!important;">
							<div class="panel-body">
								<div class = "form-group">
									<span class="label-control col-sm-12" style="margin-left:20px;margin-top:3px;color:#999;font-weight:600;"><i class="fa fa-exclamation-circle" style="color:#ff9e06;"></i>  升级过程中，逐步用新版本实例替换旧版本，保证升级过程业务不会因此中断</span>
								</div>
								<div class="form-group text-center">
									
									<label for="8" class="label-control col-sm-1 col-sm-offset-1 text-right" style="margin-top:5px;font-family:Arial;"></label>
									<div class="col-sm-9 text-center">
										<div class="input-group">
											<input id="8" name="7" type="text" placeholder="请输入数值" class="form-control" autocomplete="off">
											<span class="input-group-addon">秒</span>
										</div>
									</div>	
								</div>
							</div>
						</div>
					</div>
					<div id="paas1" class="tab-pane fade">
						<div class="panel">
							<div class="panel-body" style="padding-bottom:10px;padding-right: 49px;">
								<div class="form-group">
									<label class="label-control col-sm-2 text-right" style="margin-top:1px;font-size:14px;font-weight:600;">弹性伸缩</label>
									<div class="col-sm-1 ">
									<p>
										<input id="checkbox_close" name="strategy" checked onclick="stategyClick()"type="checkbox" class="toggle-switch" autocomplete="off">
										<label for="checkbox_close" class="switch-large"></label>
									</p>
									</div>
								</div>
								<div class="form-group">
									<label class="label-control col-sm-2 text-right"style="margin-top: 4px;margin-left:10px;">最小实例数	</label>
									<div class="col-sm-8"style="margin-left:10px;">
									 	<input id="ex6" style ="padding: 5px 0 5px 8px;"type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0" >
								    </div>
		                             <div class="col-sm-1" style="margin-top:-4px;paddding:10px;margin-left: 10px;">
										<div class="show" style="border:1px solid #e5e5e5;height:30px;width:65px;font-size:12px;">
											<span id="ex6CurrentSliderValLabel" style=""><span id="ex6SliderVal">3</span>  G</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="label-control col-sm-2 text-right" style="margin-top: 4px;margin-left:10px;">最大实例数</label>
									<div class="col-sm-8" style="margin-left:10px;">
									 	<input id="ex7"type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0" >
								    </div>
		                             <div class="col-sm-1" style="margin-top:-4px;paddding:10px;margin-left: 10px;">
										<div class="show" style="border:1px solid #e5e5e5;height:30px;width:65px;font-size:12px;">
											<span id="ex7CurrentSliderValLabel" style=""><span id="ex7SliderVal">3</span>  G</span>
										</div>
									</div>
								</div>
								<div class="form-group">
									<label class="label-control col-sm-2  text-right" style="margin-top:3px;margin-left:10px;"><i class="glyphicon glyphicon-question-sign sign-input"></i> CPU</label>
									<div class="col-sm-8"style="margin-left:10px;">
										<input id="ex8"type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1" data-slider-value="0" >
								    </div>
		                             <div class="col-sm-1" style="margin-top:-4px;paddding:10px;margin-left: 10px;">
										<div class="show" style="border:1px solid #e5e5e5;height:30px;width:65px;font-size:12px;">
											<span id="ex8CurrentSliderValLabel" style=""><span id="ex8SliderVal">3</span>  G</span>
										</div>
									</div>
								</div>
								
							</div>
						</div>
					</div>
					<div id="paas2" class="tab-pane fade">
						 <div class="panel">
							<div class="panel-body">
								<div class="form-group ">
									<label class="label-control col-sm-2 width-auto"style = "margin-top:7px;">触发时间设置:</label>
									
									<div class="col-sm-6 form-inline">
										<select id="date-select-type" name="date-select-type" class="form-control" style="padding: 5px 12px;">
											<option value="0">每天</option>
											<option value="1">每周</option>
											<option value="2">每月</option>
										</select>	
										<input id="setMoreTime" name="setMoreTime" type="text" placeholder="请选择时间" class="form-control" style="width: 150px; margin-right: 5px;" autocomplete="off">
									</div>
									<div class="col-sm-3" style=" margin-left:34px;">
										<input id="tabPort" class="form-control" type="text" placeholder="请输入容器路径" style="width:100%;" autocomplete="off">
									</div>
									<div class="col-sm-1 pull-left">
                                            <a class="btn btn btn-icon btn-hover-primary">
                                                <i class="fa fa-plus"></i>
                                            </a>
									</div>
								</div>
                                <div class="bootstrap-table"><div class="fixed-table-toolbar"></div><div class="fixed-table-container" style="padding-bottom: 0px;"><div class="fixed-table-header" style="display: none;"><table></table></div><div class="fixed-table-body"><div class="fixed-table-loading" style="top: 41px; display: none;">正在加载数据，请稍候……</div><div class="JCLRgrips" style="width: 1380px;"><div class="JCLRgrip" style="left: 466px; height: 77px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip" style="left: 931.455px; height: 77px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip JCLRLastGrip" style="left: 1397px; height: 77px;"></div></div><div class="JCLRgrips" style="width: 1380px;"><div class="JCLRgrip" style="left: 466px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip" style="left: 930.545px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip JCLRLastGrip" style="left: 1395.09px; height: 405px;"></div></div><div class="JCLRgrips" style="width: 1365px;"><div class="JCLRgrip" style="left: 463px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip" style="left: 922.818px; height: 405px;"><div class="grip"></div><div class="JColResizer"></div></div><div class="JCLRgrip JCLRLastGrip" style="left: 1381.82px; height: 405px;"></div></div><table id="userTable" data-single-select="true" class="table table-hover table-striped JColResizer">
                                      <thead><tr><th style="width: 33.4%;" data-field="userName"><div class="th-inner ">用户名称</div><div class="fht-cell"></div></th><th style="width: 33.3%;" data-field="userAccount"><div class="th-inner ">用户账户</div><div class="fht-cell"></div></th><th style="width: 33.3%;" data-field="roleName"><div class="th-inner ">角色名称</div><div class="fht-cell"></div></th></tr></thead>
                                 <tbody><tr data-index="0"> <td style="">毕轩</td> <td style="">xuan.bi</td> <td style="">项目经理</td> </tr><tr data-index="1"> <td style="">陈海龙</td> <td style="">hailong.chen</td> <td style="">项目经理</td> </tr><tr data-index="2"> <td style="">陈春志</td> <td style="">chunzhi.chen</td> <td style="">项目经理</td> </tr><tr data-index="3"> <td style="">高海军</td> <td style="">haijun.gao</td> <td style="">项目经理</td> </tr><tr data-index="4"> <td style="">haocheng.jiang</td> <td style="">haocheng.jiang</td> <td style="">项目经理</td> </tr><tr data-index="5"> <td style="">吕晶</td> <td style="">jing.lv</td> <td style="">项目经理</td> </tr><tr data-index="6"> <td style="">李婕</td> <td style="">t-jie.li</td> <td style="">项目经理</td> </tr><tr data-index="7"> <td style="">pcitc-cxcs</td> <td style="">pcitc-cxcs</td> <td style="">项目经理</td> </tr><tr data-index="8"> <td style="">潘亚芹</td> <td style="">yaqin.pan</td> <td style="">项目经理</td> </tr><tr data-index="9"> <td style="">宋莹</td> <td style="">ying.song</td> <td style="">项目经理</td> </tr></tbody></table></div><div class="fixed-table-footer" style="display: none;"><table><tbody><tr></tr></tbody></table></div><div class="fixed-table-pagination" style="display: block;"><div class="pull-left pagination-detail"><span class="pagination-info">显示第 1 到第 10 条记录，共 25 条记录</span><span class="page-list">每页显示 <span class="btn-group dropup"><button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="page-size">10</span> <span class="caret"></span></button><ul class="dropdown-menu" role="menu"><li role="menuitem" class="active"><a href="#">10</a></li><li role="menuitem"><a href="#">25</a></li></ul></span> 条记录</span></div><div class="pull-right pagination"><ul class="pagination"><li class="page-pre"><a href="#">‹</a></li><li class="page-number active"><a href="#">1</a></li><li class="page-number"><a href="#">2</a></li><li class="page-number"><a href="#">3</a></li><li class="page-next"><a href="#">›</a></li></ul></div></div></div></div><div class="clearfix"></div>
							</div>
						</div>
					</div>
			</div>
		</div>
	</div>
	
	<%--=========================  过程可视化消息栏  ==========================--%>
	<jsp:include page="../framework/aside.jsp" />

	<%--=========================  左侧菜单  ==========================--%>
	<jsp:include page="../framework/lefter.jsp" />


<%--=========================  页面底部版权信息  ==========================--%>
<jsp:include page="../framework/footer.jsp" />
<%--=========================  选择皮肤功能  ==========================--%>
<jsp:include page="../framework/page-set.jsp" />
</div>
<div id="floating-top-right" class="floating-container"></div>
<%--===================================================--%>
<%-- END OF CONTAINER --%>

<jsp:include page="../framework/script.jsp" />

<script src="${pageContext.request.contextPath}/static/plugin/bootstrap-slider/js/slide/bootstrap-slider.min.js"></script>
<script
	src="${pageContext.request.contextPath}/static/js/common/bootdatatable.init.js"></script>
<script
	src="${pageContext.request.contextPath}/static/plugin/bootstrap-table/bootstrap-table.min.js"></script>
<script
	src="${pageContext.request.contextPath}/static/plugin/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script
	src="${pageContext.request.contextPath}/static/plugin/daterangepicker/daterangepicker.js"></script>


<script type="text/javascript">
function stategyClick(){
	if($('input[name="strategy"]')[0].checked==true){
		var mySlider = $("#ex6").slider();
		mySlider.slider('enable');
		var mySlider = $("#ex7").slider();
		mySlider.slider('enable');
		var mySlider = $("#ex8").slider();
		mySlider.slider('enable');
	}else{
		var mySlider = $("#ex6").slider();
		mySlider.slider('disable');
		var mySlider = $("#ex7").slider();
		mySlider.slider('disable');
		var mySlider = $("#ex8").slider();
		mySlider.slider('disable');
	}
} 

/*  */
	$(function() {
		
		

		/* 滑块 */
		var slider = $("#ex6").slider();
		slider.on("slide", function(slideEvt) {
			$("#ex6SliderVal").val(slideEvt.value);
		})
		var slider = $("#ex7").slider();
		slider.on("slide", function(slideEvt) {
			$("#ex7SliderVal").val(slideEvt.value);
		})
		var slider = $("#ex8").slider();
		slider.on("slide", function(slideEvt) {
			$("#ex8SliderVal").val(slideEvt.value);
		})
		moment.locale('zh-cn');
		//日期选择控件
		$("#setMoreTime").datetimepicker({
		    //format: "YYYY-MMMM-DD Qo ddd A hh:mm"
		    format:"每天 HH:mm"
		    //,calendarWeeks:true
		})
		//日期选择控件联动
		$('#date-select-type').change(function(){
			//console.info(gettime);
			var vtp = this.value;
			if(vtp == 0){
				//每天
				//var month = $("#setMoreTime").datetimepicker("date").format('M');
				//var em = month%3;//每季度第几月
				$("#setMoreTime").datetimepicker("format","每天 HH:mm");
				//timeDesc = $("#setMoreTime").val();
				
			}
			if(vtp == 1){
				//星期
				$("#setMoreTime").datetimepicker("format","每ddd HH:mm");
				//timeDesc = $("#setMoreTime").val();
			}
			if(vtp == 2){
				//月份
				$("#setMoreTime").datetimepicker("format","每月 D号 HH:mm");
				//timeDesc = $("#setMoreTime").val();
			}
		});
		/*  */
		$('.app-desc .btn-hover-primary').click(function(){
			if($(this).find('.fa:visible').hasClass('fa-check')){
				var desc = $('.app-desc textarea').val();
				//备注为空，暂设定不通过
				if(!desc){
					return false;
				}
				//存储设定内容，可以发送http请求修改服务器
				$('.app-desc span').text(desc);
			}
			//切换状态
			$('.app-desc span,.app-desc textarea').toggle();
			$(this).find('.fa').toggle();
		});
		/* 点击配置描述编辑信息 */
		$(document).on('click', '.edit-remark label a.btn', function() {
				if($(this).hasClass('btn-success')){
					$('#appForm').data('bootstrapValidator').validate();
					if(!$('#appForm').data('bootstrapValidator').isValid()){
						//toast.info('请输入正确的信息 ！', '温馨提示');
						//标记验证结果
						return false;
					}
					updateApp(); 
				}else{
					$('.edit-remark > label').toggleClass('hidden');
					$('.control-edit').toggleClass('hidden');
				}
			});
		
		/*  */
		$('#base_modal').click(function() {
			layer.open({
				type : 1,
				area : [ '850px', '400px' ],
				title:"基础弹窗",
				content : $('#base_modal_cont'),
				btn : [ '确定', '取消' ],
				success : function() {
					//加载表格
					$('#peppleTable').bootdatagrid(
						"${pageContext.request.contextPath}/querySysMemberList4Page.do?sysId="+ sysId, {
						pagination : true,
						pageNumber : 1,
						pageSize : 10,
						dataType : 'json',
						singleSelect : false,
						striped : true,
						clickToSelect : true,
						buttonsClass:"hover-primary"
					});
				}
			});
		});
		$('#tip_modal').click(function() {
			layer.confirm(
				'<p style="font-size:18px;font-weight:600;">告警</p> <div>警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容警示内容 ?</div>',
				{
					icon : 0,
					area : [ '1000px', 'auto' ],
					title : '提示'
				}, function(index) {
					layer.close(index);
				}
			);
		});
		
		$('#ad_modal').click(function(){
			layer.open({
				type : 1,
				closeBtn:1,
				area : [ '600px', '520px' ],
				btnAlign: 'c',
				title:"广告弹窗",
				content : $('#ad_modal_cont'),
				btn : [ '我知道了'],
				success : function() {
				}
			});
		});
		$('#publishMgt').click(function() {
			layer.open({
				type : 1,
				area : [ '850px', '500px' ],
				title:"发布管理",
				content : $('#publishMgt_cont'),
				btn : [ '确定', '取消' ],
				success : function() {
					
				}
			});
		});
		$('#strategyMgt').click(function() {
			layer.open({
				type : 1,
				area : [ '850px', '500px' ],
				title:"策略管理",
				content : $('#strategyMgt_cgt'),
				btn : [ '确定', '取消' ],
				success : function() {
					
				}
			});
		});
		
	})
</script>
</body>
</html>

